<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<script>
	$(function() {
		
		var sessionId = '${id}';
		if(sessionId == null || sessionId == ''){
			$('.btn_write').hide();
			$('#search').css('margin-bottom','40px');
		}else if(sessionId == 'admin'){
			$(location).attr('href','adminDetailBoard.do?num=${notice.num}');
		}
	  
		$( "#accordion" ).accordion({
			heightStyle: "content"
		});
	});
 </script>
 
<div class="container">

<div id="allDiv">

<ul class="nav nav-tabs">
	<li class="active"><a href="#tab1" data-toggle="tab"><img src="./image/title_img5.jpg"></a></li>
	<li><a href="#tab2" data-toggle="tab"><img src="./image/title_img12.jpg"></a></li>
</ul>

	<div class="tab-content">
	
	<!-- 자유게시판 -->
	<div class="tab-pane active" id="tab1">
		
	<!-- 검색 부분 -->
	<div id="search" class="col-md-12 col-xs-12 col-sm-12" align="right">
	<form:form commandName="boardCommand" role="form" class="form-horizontal" 
			id="boardForm" action="board.do" name="search" method="get" onsubmit="return searchCheck()">
		<div class="form-group">
			<table class="search">
				<tr>
					<td class="padding">
						<select name="keyField" class="form-control input-sm">
							<option value="subject">제목</option>
							<option value="writer">이름</option>
							<option value="content">내용</option>
							<option value="all">전체</option>
						</select>
					</td>
					<td class="padding">
						<input type="text" size="16" name="keyWord" class="form-control input-sm">
					</td>
					<td class="padding">
						<input type="submit" value="검색" class="btn btn-default btn-sm">
					</td>
				</tr>
			</table>
		</div>
	</form:form>
	</div>
	
	<!-- 상단 글쓰기 버튼 -->
	<div class="col-md-12 col-xs-12 col-sm-12 btn_write" align="right">
		<table style="margin:20px 0">
			<tr>
				<td align="right">
					<button type="button" class="btn btn-info btn-sm" id="wirte_btn" onclick="location.href='writeBoard.do'">글쓰기</button>
				</td>
			</tr>
		</table>
	</div>
	
	<!-- 게시판 테이블 -->
	<div class="table-responsive">
	<table class="table table-striped">
		<tr>
			<th>번호</th>
			<th>제목</th>
			<th>글쓴이</th>
			<th>날짜</th>
		</tr>
		<c:if test="${!empty noticeList}">
		<c:forEach var="notice" items="${noticeList}">
		<tr>
			<td class="align-center bold">
				${number}
				<c:set var="number" value="${number-1}"/>
			</td>
			<td class="bold red">
				<a href="detailBoard.do?num=${notice.num}">${notice.subject}</a>
			</td>
			<td class="align-center bold">${notice.writer}</td>
			<td class="align-center bold"><fmt:formatDate value="${notice.reg_date}" pattern="yyyy년MM월dd일"/></td>
		</tr>
		</c:forEach>
		</c:if>
		
		<c:forEach var="board" items="${list}">
			<c:if test="${board.grade != 9}">
			<tr>
				<td class="align-center">
					${number}
					<c:set var="number" value="${number-1}"/>
				</td>
				<td>
					<a href="detailBoard.do?num=${board.num}">${board.subject}</a>
				</td>
				<td class="align-center">${board.writer}</td>
				<td class="align-center"><fmt:formatDate value="${board.reg_date}" pattern="yyyy년MM월dd일"/></td>
			</tr>
			</c:if>
		</c:forEach>
		<c:if test="${count == 0}">
		<tr>
			<td colspan="5" class="align-center">등록된 게시물이 없습니다.</td>
		</tr>	
		</c:if>
	</table>
	</div>
	
	<!-- 페이지 -->
	<table align="center">
		<c:if test="${count > 0}">
		<tr>
			<td>${pagingHtml}</td>
		</tr>
		</c:if>
	</table>
	
	<!-- 하단 글쓰기 버튼 -->
	<div class="col-md-12 col-xs-12 col-sm-12 btn_write" align="right">
	<table>
		<tr>
			<td>
				<button type="button" class="btn btn-info btn-sm" id="wirte_btn" onclick="location.href='writeBoard.do'">글쓰기</button>
			</td>
		</tr>
	</table>
	</div>
	
	</div>
	
	
	
	<!-- 자주 묻는 질문 -->
	<div class="tab-pane" id="tab2">
		<div id="accordion">
		  <h3>포인트 받을 수 있는 방법은 어떤 게 있나요?</h3>
		  <div>
		    <p>포인트 지급 조건은 다음과 같습니다.<br>
		    	&nbsp;1. 회원가입시 300point<br>
		    	&nbsp;2. 로그인시 50point<br><br>
		    	포인트 차감 조건은 다음과 같습니다.<br>
		    	&nbsp;1. 쪽지보내기 20point<br>
		    	&nbsp;2. 호감가는 이성 찜하기시 5point</p>
		  </div>
		  <h3>선물하기는 어떻게 이용하나요?</h3>
		  <div>
		    <p>원하시는 쿠폰을 구매하셔서 본인이 직접 사용하거나, 호감가는 이성에게 선물하실 수 있습니다.<br>
		    	구매는 포인트로 가능합니다.<br><br>
		    	맘에 드는 이성에게 선물하기로 마음을 표현해보세요!</p>
		  </div>
		  <h3>SomeTalk 안내</h3>
		  <div>
		    <p>옆구리가 시린 분들을 위한 사이트입니다. 호감가는 이성에게 쪽지,1:1대화,선물하기까지!!
		    	저희 SomeTalk 사이트에서는 아래의 메뉴를 이용하실 수 있습니다.</p>
		    <ul>
		      <li>마이페이지</li>
		      <li>쪽지함</li>
		      <li>1:1대화</li>
		      <li>이성목록</li>
		      <li>자유게시판</li>
		      <li>선물하기</li>
		      <li>신고하기</li>
		    </ul>
		  </div>
		</div>
	</div>
	
	</div>
	
</div>
</div>